<template>
  <div class="bigbox">
    <van-tabs v-model:active="active" line-height="3px">
      <van-tab title="聊天"><bigchat/></van-tab>
      <van-tab title="收到的赞"><support/></van-tab>
      <van-tab title="回复我的"><reply/></van-tab>
      <van-tab title="关注我的"><concern/></van-tab>
      <van-tab title="系统消息"><smessages/></van-tab>
    </van-tabs>
  </div>
  
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  // 2级组件相互跳转
  import bigchat from "./chat.vue"
  import support from "./support.vue"
  import reply from "./reply.vue"
  import concern from "./concern.vue"
  import smessages from './smessage.vue'
  const active = ref(0);

</script>

<style>
  .content{
    width: 100%;
    /* 高度需要改成百分比 */
    height: 520px;
    background-color: white;
  }
  /* :root{
    --van-tabs-card-height:80px
  } */
  .van-tabs__wrap{
    height: 60px!important;
    border-bottom: 1px solid #fdfdfd;
  }
</style>